$(document).ready(function(){
	
	renderTech();
	
	$('#add-tech').on('click',function(){
		
		if(checkTechEdit()==false)
			{return;}
		
		createTech();
		
		
	})
	
	$('#update-tech').on('click',function(){
		if(checkTechEdit()==false)
		{return;}
		
		if(removeTech()==false)
			{return;}
		
		createTech();
	})
	
	$('#remove-tech').on('click',function(){
		removeTech();
	})
	
	
	$('#tech-sel ').on('click','li', function () {

        $('#tech-sel li.sel').removeClass('sel');

        $(this).addClass('sel');


        var data = $(this).attr('value');

        data = $.parseJSON(data);

        $('#tech-position').val(data.position);

        $('#tech-number').val(data.number);

        

	})
	
	
})


function renderTech()
{
	var json=$('#technical-personnel').val();
	
	if (json!='')
	{
		json=$.parseJSON(json);
	}
	
	 var tp = $('#tech-sel');

	    tp.empty();

	    for (var i = 0; i < json.length; i++) {

	        var li = renderTechLi(json[i]);

	        tp.append(li);

	    }
	
}

function renderTechForObj(json)
{
	if (json!='')
	{
		json=$.parseJSON(json);
	}
	
	var tp = $('#tech-sel');

    tp.empty();

    for (var i = 0; i < json.length; i++) {

        var li = renderTechLi(json[i]);

        tp.append(li);

    }
	
}

function renderTechLi(t)
{
	return '<li value=\'' + JSON.stringify(t) + '\'>职位：' + t.position +',人数：'+t.number+ '</li>';
}


function removeTech() {

    if ($('#tech-sel li.sel').length == 0) {
        showinfo($('#tech-error'),'请先选中职位');
        return false;
    }

    $('#tech-sel li.sel').remove();

    return true;
}

function createTech()
{

    var t = {}

    t['position'] = $('#tech-position').val();
    t['number'] = $('#tech-number').val();
    
    
    var value = JSON.stringify(t);


    var li = renderTechLi(t);
       

    $('#tech-sel').append(li);
}

function updateTech()
{
	
}

function checkTechEdit()
{
	if ($.trim($('#tech-position').val()) == '') {
		showinfo($('#tech-error'),'请输入职位');
        $('#tech-position').focus();
        return false;
    }

	if ($.trim($('#tech-number').val()) == '') {
		showinfo($('#tech-error'),'请输入人数');
        $('#tech-number').focus();
        return false;
    }
	
	return true;
}

function getTechValue()
{
	var lis = $('#tech-sel li');

    var result = new Array();

    for (var i = 0; i < lis.length; i++)
    {
        var t = lis[i].getAttribute('value');

        result.push($.parseJSON(t));

    }

    return JSON.stringify(result);
}
